<template>
  <div class="text-bar">
    <span>{{content}}</span>
  </div>
</template>

<script>
export default {
  props: {
    content: {
      type: String,
      default: '大小单双' 
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/variables.styl'
  .text-bar 
    display flex 
    align-items center
    height 20px 
    border-radius 10px
    box-sizing border-box 
    padding 0 10px
    border 1px solid $color-nav-border
    background $color-nav-bg
    color $color-text-yellow
</style>